
<script type='text/javascript' src='/public/js/jquery-3.1.1.min.js'></script>
<script src="/public/js/islider.js"></script>
<script src="/public/js/islider_desktop.js"></script>
<div>
    <div>
        <a href='/home/index/store'><img style="width:16%" src="/public/images/map_01.png"/></a>
        <a href='/home/index/barber'><img style="width:16%" src="/public/images/map_02.png"/></a>
        <a href='/home/index/shop'><img style="width:16%" src="/public/images/map_03.png"/></a>
        <a href='/home/index/action'><img style="width:16%" src="/public/images/map_04.png"/></a>
        <a href='/home/index/release'><img style="width:16%" src="/public/images/map_05.png"/></a>
        <a href='/home/index/count'><img style="width:16%" src="/public/images/map_06.png"/></a>
    </div>
</div>
<div class="_line2"></div>
<div class="_cut"></div>
<div>
    <div class='row'>
        <div class="_line"></div>
            <b><div style='text-align:center;font-size:2.5rem;' > 签约门店:<span style='color:red'>407</span>&nbsp;家 &nbsp;&nbsp;&nbsp;平台订单:<span style='color:red'> 393504</span>&nbsp;单</div></b>
    <div class="_line2"></div>
        <div style='float:left;width:50%;font-size:2rem;color:#8E8E8E'>
            <p style='padding-left:5rem;' id='p1' >1.线上拓客。经过市场考验的的拓客方式，帮助门店快速获得新客源</p><br/>
            <p style='padding-left:5rem;' id='p2' >2.数据分析。利用大数据的精准数据分析，帮助门店转型精细化运营</p><br/>
            <p style='padding-left:5rem;' id='p3' >3.提升盈利。通过平台整合多方优质资源，帮助门店提升盈利高达60%</p><br/>
            <p style='padding-left:5rem;' id='p4' >4.平台发展。各大知名美业品牌争相入驻，签约门店增长迅速成果斐然</p>
        </div>
        <div  id='img'  style='float:left;width:45%;height:32.5rem;border:solid 1px #E0E0E0;padding:1rem;margin-bottom:1rem;overflow:hidden'  >
            <img id='img1' src='/public/images/tuoke.jpg' style='width:100%;margin-bottom:1.5rem;' />
            <img id='img2' src='/public/images/shuju.jpg' style='width:100%;margin-bottom:1.5rem;display:none' />
            <img id='img3' src='/public/images/profit.jpg' style='width:100%;margin-bottom:1.5rem;display:none' />
            <img id='img4' src='/public/images/growth.jpg' style='width:100%;margin-bottom:1.5rem;display:none' />
        </div>
    </div>
    <div class="_line2"></div>
    <div class="_cut"></div>
    <div style='text-align:center' >   
        <img  src='/public/images/store/think.jpg'  style='width:17%;height:5rem' />
        <img  src='/public/images/store/xiu.jpg'    style='width:17%;height:7rem' />
        <img  src='/public/images/store/ping.jpg'   style='width:17%;height:7rem' />
        <img  src='/public/images/store/la.jpg'     style='width:17%;height:7rem' /> 
        <img  src='/public/images/store/hui.jpg'    style='width:17%;height:7rem' />
    </div>
    <div style='text-align:center' >   
        <img  src='/public/images/store/jie.jpg'    style='width:17%;height:5rem' />
        <img  src='/public/images/store/shen.jpg'   style='width:17%;height:7rem' />
        <img  src='/public/images/store/gemei.jpg'  style='width:17%;height:7rem' />
        <img  src='/public/images/store/Show.jpg'   style='width:17%;height:7rem' />
        <img  src='/public/images/store/he.jpg'     style='width:17%;height:7rem' />
    </div>
    </div>

    <script>
        $(document).ready(function(){
            $('#p1').mousemove(function(){
                $('#p1').css({'color':"red"});
                $('#img1').show();
            }).mouseout( function(){
                $('#p1').css({'color':"#8E8E8E"});
            });
            $('#p2').mousemove(function(){
                $('#p2').css({'color':"red"});
                $('#img1').hide();
                $('#img2').show();
            }).mouseout( function(){
                $('#p2').css({'color':"#8E8E8E"});
            });
            $('#p3').mousemove(function(){
                $('#p3').css({'color':"red"});
                $('#img1').hide();
                $('#img2').hide();
                $('#img3').show();
            }).mouseout( function(){
                $('#p3').css({'color':"#8E8E8E"});
            });
            $('#p4').mousemove(function(){
                $('#p4').css({'color':"red"});
                $('#img1').hide();
                $('#img2').hide();
                $('#img3').hide();
                $('#img4').show();
            }).mouseout( function(){
                $('#p4').css({'color':"#8E8E8E"});
            });


        })


    </script>
